/**
 * Shopware 4.0
 * Copyright © 2012 shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Panel
 * @copyright  Copyright (c) 2012, shopware AG (http://www.shopware.de)
 * @version    $Id$
 * @author shopware AG
 */

// Panel header
.#{$prefix}panel-header-default {

    background: svg-linear-gradient(0%, 0%, 0%, 100%, (
                  svg-color-stop(#f7f7f7, 0%, 1),
                  svg-color-stop(#e5e6e8, 100%, 1)
                )) center center no-repeat transparent;

	.#{$prefix}panel-header-text-default {
		font-weight: normal;
		font-size: 11px;
		text-shadow: 1px 1px 0 #fff;
	}
}

.#{$prefix}panel-header-default-top {
	outline: #fff solid 1px;
}

// Collapsed panel
.#{$prefix}region-collapsed-placeholder {
    background: svg-linear-gradient(0%, 0%, 100%, 0%, (
                  svg-color-stop(#f7f7f7, 0%, 1),
                  svg-color-stop(#e6e6e8, 100%, 1)
                )) center center no-repeat transparent;

	border-left: 1px solid $border-color !important;
	border-bottom: 0 none;

	// Tools
	.#{$prefix}tool img {
		background-image: theme-image($theme, 'tool-sprites.png');
	}
}

// Panel body
.#{$prefix}window-body-default .#{$prefix}panel-body-default {
	border-width: 1px;
}

// Special detail view
.detail-view {
	.#{$prefix}panel-header {
	   	padding: 8px 4px 9px 10px;
        box-shadow: none;
        border-top: 0 none;
        border-bottom: 0 none;
    	background: theme-image($theme, 'window_list_header_bg.png') repeat-x;
    	border-left: 1px solid $light-blue;
    	border-right: 1px solid $light-blue;

    	// Header text
    	.#{$prefix}panel-header-text {
    		font-size: 12px;
    		color: #fff;
    		font-weight: normal;
    		text-shadow: 1px 1px 1px $dark-blue;
    	}

    	// Tools
    	.#{$prefix}tool {
    	    top: 0px !important;
    	    
    	    img { top: 0 !important }

    		.#{$prefix}tool-collapse-right {
				background-image: theme-image($theme, 'window_detail_right.png');
				background-position: 0 0;
			}
    	}
    }

    // Panel body
    .#{$prefix}panel-body {
    	border-top: 0 none;
    	border-bottom: 0 none;
    	border-right-color: $light-border-color;
    	padding: 12px;
        background: #fff;

    	.supplier-logo {
			@include border-radius(3px);
			width: 175px;
			margin: 0 auto;
			border: 1px solid #dfe6e9;
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			margin: 0 auto;

			img {
				margin: 0 auto;
				display: block;
			}
		}

		.supplier-info {
			padding: 8px;
			color: #6c818f;
			font-size: 11px;

			.action {
				margin: 8px 0 0;

				a {
					color: $link-color;
				}
			}
		}
    }
}
.#{$prefix}more-info {

    // Header
    .#{$prefix}panel-header {
        background: svg-linear-gradient(0%, 0%, 0%, 100%, (
                      svg-color-stop(#f7f7f7, 0%, 1),
                      svg-color-stop(#e5e6e8, 100%, 1)
                    )) center center no-repeat transparent;

        border-top: 0 none !important;

        // Header text
        .#{$prefix}panel-header-text {
            color: $font-color;
            text-shadow: 1px 1px 0 #fff;
        }

        // Header tools
        .#{$prefix}tool {
            width: 20px;
            img {
                background-image: theme-image($theme, 'tool-sprites.png');
            }
        }
    }

    // Panel body
    .#{$prefix}panel-body {
        border-bottom: 0 none;
    }
}

.#{$prefix}desktop-panel {
    & > .#{$prefix}panel-body {
        background: transparent;
    }
}
